export default{
    namespaced:true,
    actions:{
    
    },
    //准备mutations-用于操作数据（state）
    mutations:{

    },
    state:{
        lists:[
            {id:1,title:"分享一段简洁的css来快速实现抖动提醒"},
            {id:2,title:"分享一个popover弹出层过渡动画效果"},
            {id:3,title:"el-cascader如何修改限制选中数量el-cascader如何修改限制选中数量"},
            {id:4,title:"抽屉效果"},
          ],
          lists1:[
            {id:5,title:"Element UI 中的数据表格组件有哪些特性？如何实现分页、排序等功能？"},
            {id:6,title:"Element UI 是什么？它有哪些核心组件？"},
            {id:7,title:"如何在 Vue.js 项目中使用 Element UI？"},
            {id:8,title:"Element UI 中的表单组件有哪些？如何使用它们？"},
            {id:9,title:"如何自定义 Element UI 主题？"},
            {id:10,title:"Element UI 中的对话框组件如何使用？如何自定义对话框的样式和行为？"},
            {id:11,title:"如何使用 Element UI 中的通知组件实现弹出提示框和消息提示功能？"},
          ],
          lists2:[
            {id:12,title:"Vue.js 是什么？为什么它如此受欢迎？"},
            {id:13,title:"Vue.js 有哪些核心概念？"},
            {id:14,title:"如何创建一个 Vue 实例？"},
            {id:15,title:"Vue.js 的数据绑定是如何实现的？"},
            {id:16,title:"Vue.js 的指令有哪些？如何使用它们？"},
            {id:17,title:"Vue.js 的生命周期有哪些？它们分别在什么时候被调用？"},
            {id:18,title:"Vue.js 的组件化开发是如何实现的？"},
            {id:19,title:"如何在 Vue.js 中使用路由？"},
            {id:20,title:"Vue.js 中的 HTTP 请求和响应是如何处理的？"},
            {id:21,title:"如何在 Vue.js 中使用 Vuex 管理状态？"},
            {id:22,title:"Vue.js 与 React.js 有什么不同？"},
            {id:23,title:"Vue.js 使用什么方法来实现虚拟 DOM？"},
            {id:24,title:"Vue.js 有哪些优化技巧？"},
            {id:25,title:"如何在 Vue.js 中实现动画效果？"},
            {id:26,title:"Vue.js 的模板语法是什么？"},
            {id:27,title:"如何在 Vue.js 中使用过滤器？"},
            {id:28,title:"Vue.js 中的 mixin 是什么？如何使用它？"},
            {id:29,title:"如何在 Vue.js 中使用插件？"},
            {id:30,title:"Vue.js 中的 computed 和 watch 有什么区别？"},
            {id:31,title:"如何在 Vue.js 中使用指令？自定义指令有哪些应用场景？"},
            {id:32,title:"如何在 Vue.js 中使用 slot？"},
            {id:33,title:"Vue.js 中的 v-if 和 v-show 有什么区别？"},
            {id:34,title:"如何在 Vue.js 中使用动态组件？"},
            {id:35,title:"如何在 Vue.js 中使用全局事件总线？"},
            {id:36,title:"Vue.js 中的 mixins 和 extend 有什么区别？"},
            {id:37,title:"Vue.js 中的侦听器（watcher）是什么？如何使用它？"},
            {id:38,title:"如何在 Vue.js 中使用 keep-alive？"},
          ],
         
     },
     //准备getters-用于将state中的数据进行加工
     getters:{
      listsCount(state){
         return [...state.lists,...state.lists1,...state.lists2]
      }
    }
}